<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>r5tb</title>
</head>
<body>
	<div style="margin: auto 20%; text-align: center;">
		<table id="tb" width="100%" border="1" cellspacing="0">
			<tr>
				<th width="4.76%">1</th>
				<th width="4.76%">2</th>
				<th width="4.76%">3</th>
				<th width="4.76%">4</th>
				<th width="4.76%">5</th>
				<th width="4.76%">6</th>
				<th width="4.76%">7</th>
				<th width="4.76%">8</th>
				<th width="4.76%">9</th>
				<th width="4.76%">10</th>
				<th width="4.76%">11</th>
				<th width="4.76%">12</th>
				<th width="4.76%">13</th>
				<th width="4.76%">14</th>
				<th width="4.76%">15</th>
				<th width="4.76%">16</th>
				<th width="4.76%">17</th>
				<th width="4.76%">18</th>
				<th width="4.76%">19</th>
				<th width="4.76%">20</th>
				<th width="4.76%">21</th>
			</tr>
		</table>
	</div>
	
	<script src="../js/jquery-1.4.4.min.js"></script>
	<script>
		var $tb = $("#tb");
		for (var i = 0; i < 22; i++) {
			var trHtml = "<tr>";
			for (var j = 0; j < 21; j++) {
				trHtml += "<td>" + (i * 21 + j + 1) + "</td>";
			}
			trHtml += "</tr>";
			$tb.append(trHtml);
		}
	</script>
</body>
</html>
